import React, { Component } from 'react';
import { List ,Scroller} from '$yo-component';
import Header from '$component/header/index.js';
import yoHistory from '$common/history';
import './index.scss';

class My extends Component {
   

    render() {
        return (
           <div className='yo-flex' style={{background:"#999"}}>
               <Scroller style={{height:"100%"}} >
                   <div className="yo-list yo-list-group">
                       
                       <a href="#" className="item">
                           <img src="../mock/images/head.jpg" style={{width:50}}/>
                           <div className="flex">
                               <h3 className="title">咖啡、不加糖</h3>
                               <p className="detail">微信号:X-x-start_1109</p>
                           </div>
                           <div className="info" ><i className="iconfont icon-erweima"   style={{lineHeight:"0px"}}></i></div>
                       </a>
        
        
                       
                       
                       <div className="item" style={{marginTop:20}}>
                           <div className="mark"><i className="iconfont icon-qianbao" style={{lineHeight:"0px",color:"gold"}}></i></div>
                           <div className="flex">薪资要求</div>
                       </div>
                       
                      
                       
                       <div className="item" style={{marginTop:20}}>
                           <div className="mark"><i className="iconfont icon-dianhua" style={{lineHeight:"0px"}}></i></div>
                           <div className="flex">联系方式</div>
                       </div>
                       <div className="item" style={{marginTop:1}}>
                           <div className="mark"><i className="iconfont icon-dizhi" style={{lineHeight:"0px",color:"brown"}}></i></div>
                           <div className="flex">联系地址</div>
                       </div>
                       <div className="item" style={{marginTop:1}}>
                           <div className="mark"><i className="iconfont icon-zhiye" style={{lineHeight:"0px",color:"skyblue"}}></i></div>
                           <div className="flex">职业生涯</div>
                       </div>
                       <div className="item" style={{marginTop:1}}>
                           <div className="mark"><i className="iconfont icon-aixin_fuzhi" style={{lineHeight:"0px",color:"red"}}></i></div>
                           <div className="flex">爱好</div>
                       </div>
                       
                       <div className="item" style={{marginTop:20}}>
                           <div className="mark"><i className="iconfont icon-qita" style={{lineHeight:"0px"}}></i></div>
                           <div className="flex">其他</div>
                       </div>
                       
                   </div>
               </Scroller>
           </div>
        )
    }
}






export default My;
